<template>
  <div class="price-info">
    <div class="title">{{ priceIntro.title }}</div>
    <div class="introduction">{{ priceIntro.introduction }}</div>
  </div>
</template>

<script setup>
const props = defineProps({
  priceIntro: {
    type: Object,
    default: () => ({})
  }
})
</script>

<style lang="less" scoped>
.price-info {
  margin: 12px;
  .title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
  }
  .introduction {
    line-height: 18px;
    color: #666;
    margin-bottom: 50px;
  }
}
</style>
